iT邦幫忙

2021 iThome 鐵人賽

DAY 7
0
自我挑戰組

學渣的學習筆記系列 第 7

Day7 javascript 事件

  • 分享至 

  • xImage
  •  

HTML 事件是發生在 HTML 元素上的事情,當在 HTML 頁面中使用 JavaScript 時, JavaScript 可以觸發這些事件。
HTML 事件可以是瀏覽器行為,也可以是用户行為,以下是 HTML 事件的實例:
1.HTML 頁面完成加載
2.HTML input 字串改變時
3.HTML 按鈕被點擊時
https://ithelp.ithome.com.tw/upload/images/20210907/20140250qQdVT6v1c4.pnghttps://ithelp.ithome.com.tw/upload/images/20210907/20140250QeETKY3956.png
通常,當事件發生時,會發生一些(詭異的???)事情,當事件觸發時 可以設計讓JavaScript 執行一些代碼,常見的有用HTML 元素中添加事件屬性,運用 JavaScript 代碼來添加 HTML 元素。
以下是常見的HTML事件:

  1. Onchang HTML元素改變的時候
  2. Onclick 點擊HTML元素的時候
  3. Onmouseover 在一個HTML元素上移動鼠標時
  4. Onmouseout 從一個HTML元素移開鼠標時
  5. Onkeydown 按下鍵盤按鍵時
  6. Onload 瀏覽器已完成頁面加載時
  7. 還有更多有興趣請自行查詢~
    圖例:
    https://ithelp.ithome.com.tw/upload/images/20210907/2014025072XbNtDffK.pnghttps://ithelp.ithome.com.tw/upload/images/20210907/20140250EktzmIv8CL.png
    https://ithelp.ithome.com.tw/upload/images/20210907/20140250QnkcY6L2tq.pnghttps://ithelp.ithome.com.tw/upload/images/20210907/20140250IOaq0To5rP.png
    事件可以用於處理表單驗證,用户輸入,用户行為及瀏覽器動作:
    1.頁面加載時觸發事件
    2.頁面關閉時觸發事件
    3.用户點擊按鈕執行動作
    4.驗證用户輸入内容的合法性
    5.等等 ...(超多交給各位自己想~)
    可以使用多種方法來執行 JavaScript 事件代碼:
    1.HTML 事件屬性可以直接執行 JavaScript 代碼
    2.HTML 事件屬性可以調用 JavaScript 函數
    3.可以为 HTML 元素指定自己的事件處理程序

反正說了這麼多,具體還是建議大家自己去試,能做的事真的超多,沒辦法一一贅述,只能說事件真的是很重要,一定要學好學滿,以上就是今天的筆記,希望我這隻菜雞能堅持學習,不會溺死在程式的海洋裡XD~


上一篇
Day6 javascript 函數
下一篇
Day8 javascript 運算符
系列文
學渣的學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言